var book = new Vue({
	el: ".book",
	data: {
		/*头部区域开始*/
		header_Nav: "",
		headerIndex: 6,
		headerBtn: [{
				name: "入学攻略"
			},
			{
				name: "学费价格"
			},
			{
				name: "就业薪资"
			},
			{
				name: "求职刷题"
			},
			{
				name: "引进技术人才"
			}
		],
		headerNav: [{
				name: "首页"
			},
			{
				name: "精品课程"
			},
			{
				name: "免费教程"
			},
			{
				name: "教研团队"
			},
			{
				name: "校区汇总"
			},
			{
				name: "报名流程"
			},
			{
				name: "原创书籍"
			},
			{
				name: "项目库"
			},
			{
				name: "公开课"
			},
			{
				name: "技术社区"
			},
			{
				name: "就业服务"
			},
			{
				name: "网站关于"
			}
		],
		/*头部区域开始*/

		/*主要内容区域开始*/
		mainIndex: 0,
		mainUrl: "img/book1.png",
		mainBook:"Java",
		mainPage:130,
		mainPrice:49.8,
		mainNav: [{
				name: "Java",
				Url: "img/book1.png",
				page:130,
				price:49.8
			},
			{
				name: "HTML5",
				Url: "img/book2.png",
				page:150,
				price:119.8
			},
			{
				name: "Python",
				Url: "img/book3.png",
				page:230,
				price:69.8
			},
			{
				name: "云计算",
				Url: "img/book4.png",
				page:180,
				price:109.8
			},
			{
				name: "物联网",
				Url: "img/book5.png",
				page:140,
				price:99.8
			},
			{
				name: "区块链",
				Url: "img/book6.png",
				page:160,
				price:79.8
			},
			{
				name: "Android",
				Url: "img/book7.png",
				page:240,
				price:69.8
			}, {
				name: "PHP",
				Url: "img/book8.png",
				page:190,
				price:89.8
			},
		],
		/*主要内容区域结束*/

		/*底部区域开始*/
		footerIndex: 0,
		footerCity: "北京市XXX区XXX路18号XXX科技职业技术学院广场服务楼",
		footerNan: [{
				name: "北京",
				address: "北京市XXX区XXX路18号XXX科技职业技术学院广场服务楼"
			}, {
				name: "深圳",
				address: "深圳市宝安区宝安大道XXX号西部硅谷X座X区X层XXXXX/X座X区X层X08"
			}, {
				name: "上海",
				address: "上海市XX区XX大道XXX号XXX座X区X层XXXXX/X座X区X层X08"

			}, {
				name: "杭州",
				address: "杭州市XX区XssX大道XXsX号XXX座X区X层XXXXX/X座X区X层X08"

			}, {
				name: "广州",
				address: "广州市XX区XasdssX大道XXsX号XXX座X区X层XXXXX/X座X区X层X08"

			}, {
				name: "山东",
				address: "山东市XX区XasdssX大道XXsX号XXX座X区X层"
			}, {
				name: "黑龙江",
				address: "黑龙江市XX区XasdssX大道XXsX号XXX座X区X层"

			}, {
				name: "柳州",
				address: "柳州市XX区XasdssX大道XXsX号XXX座X区X层"

			}, {
				name: "太原",
				address: "太原市XX区XX大道XXsX号XXX座X区X层"

			},
			{
				name: "西安",
				address: "西安市XX区XsX大道XXsX号XXX座X区X层"

			},
			{
				name: "南宁",
				address: "南宁市XX区XassX大道XXsX号XXX座X区X层"

			}
		]

		/*底部区域结束*/
	},
	methods: {
		NavLi:function(item,index){
			this.mainIndex=index;
			this.mainUrl=item.Url;
			this.mainBook=item.name;
			this.mainPrice=item.price;
			this.mainPage=item.page;
		},
		Header: function(item, index) {
			this.headerIndex = index
		},
		Footer: function(item, index) {
			console.log(item)
			this.footerCity = item.address
			this.footerIndex = index
		}
	}
})